<%@ taglib prefix="s" uri="/struts-tags"%>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title><s:text name="photo.title"/></title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/layout/111.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/my-theme/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/common.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/list/menu.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/list/mb-menu.css"/>
  		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/photo-edit.css"/>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery.metadata.js"></script>
  		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/mbMenu.js"></script>
  		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery.hoverIntent.js"></script>
  		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery.ui.widget.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/lib/jquery.ui.button.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/pages/common.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/pages/header.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/pages/photo.js"></script>
	</head>
	<body>
		<div id="container">
			<s:include value="header.jsp" />
			
		    <div id="content">
		    	<h3>Profile Photos:</h3>
		  		<div class="main">
		  			<div class="feedback-pane"></div>
		  			<ul id="sortable">
		  				<s:iterator var="i" value="images" status="status">		  				
			  			<li>
			  				<img src="${pageContext.request.contextPath}/<s:property value="imageFolder"/><s:property value="memberId"/>/<s:property value="#i.fileName"/>"/>
			  			</li>	
		  				</s:iterator>		  				
		  			</ul>
		  			<div class="clear-both"></div>
		  		</div>
			</div>
			<!-- end of content -->
			<s:include value="footer.jsp" />
		</div>
	</body>
</html>